<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="通用印刷体" name="first">
        <GeneralBasicOCR v-if="activeName === 'first'"></GeneralBasicOCR>
      </el-tab-pane>
      <el-tab-pane label="快速文本检测" name="second">
        <TextDetect v-if="activeName === 'second'"></TextDetect>
      </el-tab-pane>
      <el-tab-pane label="通用手写体" name="third">
        <GeneralHandwritingOCR v-if="activeName === 'third'"></GeneralHandwritingOCR>
      </el-tab-pane>
      <el-tab-pane label="通用印刷体（高精度版）" name="fourth">
        <GeneralAccurateOCR v-if="activeName === 'fourth'"></GeneralAccurateOCR>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>

import TextDetect from "@/views/txcloud/ocr/general/textDetect";
import GeneralBasicOCR from "@/views/txcloud/ocr/general/generalBasicOCR";
import GeneralHandwritingOCR from "@/views/txcloud/ocr/general/generalHandwritingOCR";
import GeneralAccurateOCR from "@/views/txcloud/ocr/general/GeneralAccurateOCR";
export default {
  name: "General",
  components: {
    GeneralAccurateOCR,
    GeneralHandwritingOCR,
    GeneralBasicOCR,
    TextDetect,
  },
  data() {
    return {
      activeName: 'first',
    };
  },
  created() {
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
.input-with-select .el-input-group__prepend {
  background-color: #fff;

  .el-select {
    width: 10vw;
  }
}
</style>
